<!DOCTYPE html>
<html lang="en">

<head>
    <title>My BCIT Project</title>
    <meta name="comp2800 template" content="My 2800 App">

    <!------------------------>
    <!-- Required meta tags -->
    <!------------------------>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!------------------------------------------>
    <!-- Bootstrap Library CSS JS CDN go here -->
    <!------------------------------------------>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous">
    </script>

    <!-------------------------------------------------------->
    <!-- Firebase 8 Library related CSS, JS, JQuery go here -->
    <!-------------------------------------------------------->
    <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>

    <!-------------------------------------------->
    <!-- Other libraries and styles of your own -->
    <!-------------------------------------------->
    <!-- <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> -->
    <!-- <link rel="stylesheet" href="./styles/style.css"> -->
    <style>
        .box1{
            text-align: center;

        }
        body {  
            font-family: Arial, sans-serif;  
            padding-top: 50px;  
        }
        .xialan{
    height: 120px;  
    /* position: fixed; */
    background-color: bisque;
    text-align: center;
     }

    </style>

</head>

<body>
    <!------------------------------>
    <!-- Your HTML Layout go here -->
    <!------------------------------>


    <!-- our own navbar goes here -->
    <nav id="navbarPlaceholder"></nav>

    <!-- the body of your page goes here -->
    <!-- stuff -->

    <!-- our own footer goes here-->
    

    <!---------------------------------------------->
    <!-- Your own JavaScript functions go here    -->
    <!---------------------------------------------->
        <div class="box1">
          <h1 id="date-display"></h1>
          <h2>What to do today</h2>
          <ul class="list-group list-group-flush">
            <li class="list-group-item">Run at 5pm in the afternoon</li>
            <li class="list-group-item">Doing homework</li>
            <li class="list-group-item">Have breakfast at 8 o'clock in the morning</li>
            <li class="list-group-item">nothing</li>
            <li class="list-group-item">nothing</li>
          </ul>
        </div>
        <div class="weiye">
          <h4>Reasonable time management can provide people with good ways to do things, so as to improve people's productivity. Here, we can provide you with reasonable time management help, our app has alarm clock, schedule, to-do list, time management method recommendations and some useful time management knowledge. We hope this content will be helpful to you and thank you for using our app.</h4>
        </div>
        
            </div>
            </div>
        
        
            <div class="xialan">   
              <h2>DG9-02</h2>
            <br>
            <div>
              <h3>group member:  HongshengLiang   GuanchengPan   JinquanYi   GuanghengHuang   YixueLiu</h3>
              </div>
        </div>

        <nav id="footerPlaceholder"></nav>
        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
        <script>  
            // 获取当前日期并转换为字符串  
            let currentDate = new Date().toLocaleDateString();  
      
            // 获取HTML元素并设置其内容为当前日期  
            let dateDisplayElement = document.getElementById('date-display');  
            dateDisplayElement.textContent = currentDate;  
        </script>  
    <script src="./scripts/skeleton.js"></script>
    <!-- <script src="./scripts/script.js"></script> -->

</body>

</html>
